@charset 'utf-8';
*{
    margin: 0;
    padding: 0;
}
html{
    color: #333;
}
a{
    text-decoration: none;
}
img{
    display: block;
}
#Help{
    height: 100vh;
    overflow: hidden;
    .left{
        width: 30%;
        position: fixed;
        overflow: auto;
        padding: 0;
        .footer{
            height: 872px;
            .bottom{
                li:hover{
                    color: rgba(0,0,0,1)!important;
                    cursor: pointer;
                }
                .active{
                    border-bottom: 4px solid #00A862;
                    font-weight: bold;
                    color: #000!important;
                }
            }
        }
    }
    .right{
        height: 100vh;
        width: 70%;
        margin-left: 30%;
        overflow: auto;
        .rights{
            position: relative;
            .bottom{
                .answer{
                    cursor: pointer;
                    .solution{
                        position: relative;
                        height: 48px;
                        overflow: hidden;
                    }
                    .solutions{
                        background: linear-gradient(rgba(255, 255, 255, 0) 24px, #FFF);
                        content: '';
                        height: 100%;
                        left: 0;
                        opacity: 1;
                        position: absolute;
                        top: 0;
                        transition-duration: 0.1s;
                        transition-property: opacity;
                        width: 100%;
                    }
                }
            }
            .right1{
                .top{
                    position: relative;
                    height: 240px;
                    overflow: hidden;
                    .help-img{
                        margin-top: -294px;
                    }
                    .Mask{
                        line-height: 240px;
                        position: absolute;
                        top: 0;
                    }
                }
                .middle{
                    .contents{
                        max-width: 720px;
                        .content{
                            height: 270px;
                            cursor: pointer;
                            .top{
                                background-color: #00A862;
                                height: 90px;
                                border-top: 4px solid #00A862;
                            }
                        }
                        .content:hover .top{
                            border-top: 4px solid green; 
                        }
                    }
                }
            }
            .frap{
                width: 272px;
                height: 124px;
                position: fixed;
                bottom: 20px;
                right: 30px;
                .consult{
                    width: 100%;
                    cursor: pointer;
                    padding: 10px 14px;
                }
                .search{
                    width: 30%;
                    background-color: #00A862;
                    cursor: pointer;
                    padding: 10px 14px;
                }
            }
            .right17{
                display: none;
                position: absolute;
                min-height: 100vh;
                top: 0;
                .max{
                    max-width: 480px;
                    input{
                        border: none;
                        border-bottom: 1px solid #eee;
                        outline: none;
                        background-image: url(../../images/icon-search.svg);
                        background-repeat: no-repeat;
                        background-size: 24px;
                        background-position: 100% 10px;
                    }
                    input:hover{
                        border-bottom: 1px solid #00A862;
                    }
                    .nulls{
                        display: none;
                    }
                }
            }
            .hide{
                display: none;
            }
            .show{
                display: block;
            }
            .right16{
                li{
                    list-style:disc;
                }
            }
        }
    }  
}